<!DOCTYPE html>
<html lang="en">
 <head>
    <meta charset="UTF-8">
    <title>Document</title>
    <script src="../../vue.js"></script>
 </head>
<body>
    <!-- vue作用的容器，将来vue根据虚拟dom生成的真实dom插入到容器中，也是vue能够作用的区域 -->
    <div id="app"></div>
    <script>
        const vm = new Vue({
            //el:配置项,代表当前vue实例要挂载的容器,可以是一个选择器的字符串,也可以是已经获取的DOM元素
            // el:"#app",
            // el: document.getElementById("app"),
        //template配置项,一个字符串模板。模板将会替换容器
            template:`
            <h1>{{project}}的基础使用</h1>
            `,
             //Vue 实例的数据对象
            data:{
                project:"vue"
            }
        })
        // 如果没有el配置项就可以使用 vm.$mount() 实现手动挂载，并且可以配合定时器使用实现延迟挂载
        setTimeout(()=>{
            vm.$mount("#app")
        },3000)
    </script>
</body>
</html>